
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>交易明细</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <!--base css-->
        <link href="../css/media.css" rel="stylesheet">
        <link href="../css/mui/mui.css" rel="stylesheet">
        <link href="../css/app/default.css" rel="stylesheet">
        <!--自定义css-->
        <link href="../css/app/app.css" rel="stylesheet">
    </head>
    <body>
        <header class="mui-bar mui-bar-nav header">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left skin-color"></a>
            <h1 class="mui-title">交易列表</h1>
        </header>
        <div class="mui-content">
            <div class="trade-list">
                <div class="title">
                    <h5 class="gray-3">2017年4月</h5> 
                </div>
                <div class="display-box trade center">
                    <div class="trade-cell gray">周一<br>4.20</div>
                    <div class="web-box1 trade-cell nk-s">电子钱包充值</div>
                    <div class="trade-cell skin-color price">+100.00</div>
                </div>
                <div class="display-box trade center">
                    <div class="trade-cell gray">周一<br>4.20</div>
                    <div class="web-box1 trade-cell nk-s">电子钱包充值</div>
                    <div class="trade-cell skin-color price">+100.00</div>
                </div>
                <div class="display-box trade center">
                    <div class="trade-cell gray">周一<br>4.20</div>
                    <div class="web-box1 trade-cell nk-s">杨凌1路公交车付款</div>
                    <div class="trade-cell sub-skin1 price">-1.00</div>
                </div>
                <div class="title">
                    <h5 class="gray-3">2017年4月</h5> 
                </div>
                <div class="display-box trade center">
                    <div class="trade-cell gray">周一<br>4.20</div>
                    <div class="web-box1 trade-cell nk-s">电子钱包充值</div>
                    <div class="trade-cell skin-color price">+100.00</div>
                </div>
                <div class="display-box trade center">
                    <div class="trade-cell gray">周一<br>4.20</div>
                    <div class="web-box1 trade-cell nk-s">电子钱包充值</div>
                    <div class="trade-cell skin-color price">+100.00</div>
                </div>
                <div class="display-box trade center">
                    <div class="trade-cell gray">周一<br>4.20</div>
                    <div class="web-box1 trade-cell nk-s">杨凌1路公交车付款</div>
                    <div class="trade-cell sub-skin1 price">-1.00</div>
                </div>
            </div>
        </div>
        <script src="../js/app/jquery.js"></script> 
        <script src="../js/mui/mui.js"></script>
        <script src="../js/appcan.js"></script>
       
    </body>

</html>